<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>二维码</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" href="../../plugins/mui/mui.min.css">
    <script src="../../js/statistics.js"></script>
    <style type="text/css">
        *{
            box-sizing: border-box;
            font-family: 'Microsoft YaHei';
        }
        body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form,  input, p, table, th, td ,select,option{
            padding: 0;
            margin: 0;
            list-style: none;
        }
        body{
            margin-top:45px;
        }
        /*title的样式覆盖*/
        .mui-bar{
            background-color:#43ac45;
            top:0;
        }
        .mui-title{
            color:#fff;
        }
        a.mui-action-back{
            color:#fff;
        }
        .title{
            background:#fff url('../../images/my/index/recommend_1.png') no-repeat center center;
            background-size:70%;
        }
        .main{
            background:#fff url('../../images/my/index/recommend_2.png') no-repeat center center;
            background-size:100%;
            position:relative;
        }
        .erweima{
            position:absolute;
            top: 55%;
            left:50%;
            -webkit-transform: translateY(-50%) translateX(-50%);
            width:50%;
            height:50%;
            background:#fff url('../../images/my/index/recommend_3.png') no-repeat center center;
            background-size:cover;
        }
         #one{
            position: fixed;
            text-align: center;
            bottom:0;
            width:auto;
            left:50%;
            font-size: 14px;
            line-height: 14px;
            padding-bottom:5%;
         	color:#43AC45;
         	opacity: 1;
         	-webkit-transform: translateY(-50%) translateX(-50%);
        }
        #one:active{
        	opacity: 0.5;
        }
    </style>
</head>
<body>
<header class="mui-bar ">
    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
    <h1 class="mui-title">二维码</h1>
</header>
<div class="title">

</div>
<div class="main">
    <div class="erweima"></div>
</div>
<a id="one" class='mui-btn-outlined'>一键复制下载链接</a>
<script type="text/javascript" src='../../plugins/jquery/jquery-3.1.0.min.js'></script>
<script src="../../plugins/mui/mui.min.js"></script>
<script type="text/javascript">
    mui.init({
// 				statusBarBackground: '#43ac45',//ios下设置顶部背景色
    });

    mui.plusReady(function(){
        //关闭等待框
        plus.nativeUI.closeWaiting();
        //显示当前页面
        mui.currentWebview.show('slide-in-right',200);
        var a=(document.documentElement.clientWidth/document.documentElement.clientHeight).toFixed(2)*100;
        var b=0;
        if(a>58){
            b=a-58
        }
        $('.main').css({
            'height':document.documentElement.clientWidth,
            'background-size':99-b+'%'
        });
        $('.title').css({
            'height':document.documentElement.clientHeight-document.documentElement.clientWidth-45,
            'background-size':70-b+'%'
        });
        $('.erweima').css({
            'top':document.documentElement.clientWidth*0.01+50+'%',
            'width':50-b/2+'%',
            'height':50-b/2+'%'
        });
        $('#one').click(function(){
			var Context = plus.android.importClass("android.content.Context");
			var main = plus.android.runtimeMainActivity();
			var clip = main.getSystemService(Context.CLIPBOARD_SERVICE);
			plus.android.invoke(clip,"setText","http://a.app.qq.com/o/simple.jsp?pkgname=com.zizailiyang.city");
            mui.toast('复制成功');
        })
    });

</script>
</body>
</html>
